// <template>
//   <div>
//     <el-card>
//       <el-breadcrumb separator="/">
//         <el-breadcrumb-item>订单管理</el-breadcrumb-item>
//         <el-breadcrumb-item>订单查询</el-breadcrumb-item>
//       </el-breadcrumb>
//       <h1>订单查询</h1>
//     </el-card>
//     <el-card>
//       <el-form
//         :model="aueryFormData"
//         label-width="80px"
//         class="top"
//       >
//         <el-row>
         
//           <el-col :span="11" :offset="1"
//             ><el-form-item label="订单类型">
//               <el-select
//                 v-model="aueryFormData.orderTypeData"
//                 placeholder="请选择订单类型"
//                 style="width: 400px"
//               >
//                 <el-option label="全部订单" value="allOrder"></el-option>
//                 <el-option label="普通订单" value="regularOrders"></el-option>
//                 <el-option label="代发订单" value="paymentOrder"></el-option>
//                 <el-option
//                   label="拼图订单"
//                   value="jigsawPuzzleOrder"
//                 ></el-option>
//                 <el-option
//                   label="积分兑现订单"
//                   value="creditCashingOrder"
//                 ></el-option>
//               </el-select> </el-form-item
//           ></el-col>
//           <!-- 订单状态 -->
//           <el-col :span="11"
//             ><el-form-item label="订单状态">
//               <el-select
//                 v-model="aueryFormData.stateData"
//                 placeholder="请选择订单状态"
//                 style="width: 400px"
//               >
//                 <el-option label="全部" value="allState"></el-option>
//                 <el-option label="待付款" value="obligation"></el-option>
//                 <el-option label="待发货" value="dropship"></el-option>
//                 <el-option label="已发货" value="shipped"></el-option>
//                 <el-option label="已完成" value="finished"></el-option>
//                 <el-option label="已关闭" value="closed"></el-option>
//                 <el-option label="售后中" value="afterSale"></el-option>
//               </el-select> </el-form-item
//           ></el-col>
//           <!-- 统计日期 -->
//           <el-col :span="11" :offset="1">
//             <el-form-item label="统计日期">
//               <div class="block">
//                 <el-date-picker
//                   v-model="aueryFormData.time"
//                   format="yyyy 年 MM 月 dd 日"
//                   value-format="yyyy-MM-dd"
//                   type="daterange"
//                   range-separator="-"
//                   start-placeholder="开始日期"
//                   end-placeholder="结束日期"
//                 >
//                 </el-date-picker>
//               </div>
//             </el-form-item>
//           </el-col>
//           <el-col :span="7">
//             <el-row>
//               <el-col :span="5">
//                 <span>今天</span>
//               </el-col>
//               <el-col :span="5">
//                 <span>明天</span>
//               </el-col>
//               <el-col :span="5">
//                 <span>最近7天</span>
//               </el-col>
//               <el-col :span="9">
//                 <span>最近30天</span>
//               </el-col>
//             </el-row>
//           </el-col>
//           <el-col v-show="isShow">
//             <!-- 配送方式 -->
//             <el-col :span="11" :offset="1"
//               ><el-form-item label="配送方式">
//                 <el-select
//                   v-model="aueryFormData.distributionDate"
//                   placeholder="请选择配送方式"
//                   style="width: 400px"
//                 >
//                   <el-option label="全部" value="allDeliveryMethods"></el-option>
//                   <el-option label="快递发货" value="courierDelivery"></el-option>
//                   <el-option label="上门自提" value="afhalen"></el-option>
//                 </el-select> </el-form-item
//             ></el-col>
//             <!-- 付款方式 -->
//             <el-col :span="11"
//               ><el-form-item label="付款方式">
//                 <el-select
//                   v-model="aueryFormData.paymentMethod"
//                   placeholder="请选择付款方式"
//                   style="width: 400px"
//                 >
//                   <el-option label="全部" value="fullPaymentMethod"></el-option>
//                   <el-option label="微信支付" value="weChatPay"></el-option>
//                   <el-option label="支付宝支付" value="alipayPay"></el-option>
//                   <el-option label="储蓄卡支付" value="debitCardPayment"></el-option>
//                   <el-option label="银行卡支付" value="bankCardPayment"></el-option>
//                 </el-select> </el-form-item
//             ></el-col>
//             <!-- 精确查询 -->
//             <el-col :span="18" :offset="1"
//               ><el-form-item label="精确查询">
//                 <el-select
//                   v-model="aueryFormData.refinedQuery"
//                   style="width: 150px"
//                 >
//                   <el-option label="订单编号" value="orderNumber"></el-option>
//                   <el-option label="商品名称" value="productName"></el-option>
//                   <el-option label="商品编码" value="productCode"></el-option>
//                   <el-option label="会员名称" value="memberName"></el-option>
//                   <el-option label="会员手机号" value="memberPhone"></el-option>
//                 </el-select>
//                 <el-input
//                   placeholder="请输入内容"
//                   v-model="aueryFormData.refinedQueryContext"
//                   style="width: 400px; margin-left: 8px"
//                 ></el-input>
//               </el-form-item>
//             </el-col>
//           </el-col>
//           <el-col style="text-align:end">
//             <el-button type="primary">查看</el-button>
//             <el-button>重置</el-button>
//             <el-button style="border: none" @click="taggle"
//               >{{ isShow ? "收起" : "展开" }}
//               <i
//                 :class="isShow ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
//               ></i>
//             </el-button>
//           </el-col>
//         </el-row>
//       </el-form>
//     </el-card>
//     <el-dialog
//       title="提示"
//       :visible.sync="dialogVisible"
//       width="30%"
//       :before-close="handleClose"
//     >
//       <el-form label-width="80px" :model="sizeForm">
//         <el-form-item label="订单编号:">
//           <p>2020202002202200</p>
//         </el-form-item>
//         <el-form-item label="下单时间:">
//           <p>2019-09-09 10:40</p>
//         </el-form-item>
//         <el-form-item label="支付时间:">
//           <p>2019-09-09 10:40</p>
//         </el-form-item>
//         <el-form-item label="发货方式:">
//           <el-radio-group size="medium" v-model="sizeForm.resource">
//             <el-radio label="物流发货"></el-radio>
//             <el-radio label="无需物流"></el-radio>
//           </el-radio-group>
//         </el-form-item>
//         <el-form-item label="快递公司:">
//           <el-select placeholder="请输入物流公司" v-model="sizeForm.region">
//             <el-option label="区域一" value="shanghai"></el-option>
//             <el-option label="区域二" value="beijing"></el-option>
//           </el-select>
//         </el-form-item>
//         <el-form-item label="快递单号:">
//           <el-input
//             v-model="sizeForm.courierNumber"
//           ></el-input>
//         </el-form-item>
//       </el-form>
//       <span slot="footer" class="dialog-footer">
//         <el-button @click="dialogVisible = false">取 消</el-button>
//         <el-button type="primary" @click="dialogVisible = false"
//           >确 定</el-button
//         >
//       </span>
//     </el-dialog>
//     <el-card class="bottom">
//       <div class="bottom-top">
//         <p>订单列表</p>
//         <el-button>批量操作</el-button>
//       </div>
//       <el-tabs v-model="activeName" @tab-click="handleClick">
//         <el-tab-pane label="全部订单" name="first">
//           <div class="con-head">
//             <div>商品信息</div>
//             <div>会员信息</div>
//             <div>订单来源</div>
//             <div>收货方式</div>
//             <div>订单状态</div>
//             <div>操作</div>
//           </div>
//           <div>
//             <div class="con-head con-content">
//               <div>订单编号：</div>
//               <div>下单时间：</div>
//               <div>微信支付</div>
//               <div>共1件，合计：4000.00元</div>
//             </div>
//             <div class="con-head con-foot" style="text-align: center">
//               <div>
//                 <p><img src="../../assets/logo.png" alt="" /></p>
//                 <ul>
//                   <li>ksdfjlks</li>
//                   <li>ksdfjlks</li>
//                 </ul>
//               </div>
//               <div>
//                 <p><img src="../../assets/logo.png" alt="" /></p>
//                 <ul>
//                   <li>ksdfjlks</li>
//                   <li>ksdfjlks</li>
//                 </ul>
//               </div>
//               <div><span>微信商城</span></div>
//               <div><span>物流快递</span></div>
//               <div><span>待收货</span></div>
//               <div class="operation">
//                 <span @click="dialogVisible = true">去发货</span>
//                 <!-- <span>订单详细</span> -->
//                 <router-link to="/home/orderDetails" tag="span"
//                   >订单详细</router-link
//                 >
//                 <!-- <span>复制订单</span> -->
//               </div>
//             </div>
//           </div>
//         </el-tab-pane>
//         <el-tab-pane label="待付款" name="second">待付款</el-tab-pane>
//         <el-tab-pane label="待收货" name="third">待收货</el-tab-pane>
//         <el-tab-pane label="已发货" name="fourth">已发货</el-tab-pane>
//         <el-tab-pane label="已完成" name="five">已完成</el-tab-pane>
//         <el-tab-pane label="已关闭" name="fix">已关闭</el-tab-pane>
//         <el-tab-pane label="售后中" name="eight">售后中</el-tab-pane>
//       </el-tabs>
//     </el-card>
//   </div>
// </template>
// <script>
// export default {
//   data: function () {
//     return {
//       aueryFormData: {
//         // 订单类型
//         orderTypeData: "",
//         // 订单状态
//         stateData: "",
//         // 日期
//         time: "",
//         // 配送方式
//         distributionDate:'',
//         // 付款方式
//         paymentMethod:'',
//         //精确查询方式
//         refinedQuery:'订单查询',
//         //精确查询内容
//         refinedQueryContext:''
//       },
//       //显示隐藏
//       isShow: false,
//       //tab切换
//       activeName: "first",
//       // 弹出框显示隐藏
//       dialogVisible: false,
//       //弹框数据
//       sizeForm: {
//         resource: "",
//         region: "",
//         courierNumber: "",
//       },
//       //订单列表
//       orderList
//     };
//   },
//   methods: {
//     //展开，收起
//     taggle() {
//       this.isShow = !this.isShow;
//     },
//     //tab切换
//     handleClick(tab, event) {
//       console.log(tab, event);
//     },
//     //弹框
//     handleClose(done) {
//       this.$confirm("确认关闭？")
//         .then((_) => {
//           done();
//         })
//         .catch((_) => {});
//     },
//   },
// };
// </script>
// <style scoped lang="less">
// .el-card:last-child {
//   margin-top: 20px;
// }
// .top > .el-row > .el-col > .el-row {
//   .el-col {
//     text-align: center;
//     height: 51px;
//     line-height: 33px;
//   }
// }
// .bottom {
//   .bottom-top {
//     display: flex;
//     justify-content: space-between;
//   }
//   .con-head {
//     display: flex;
//     justify-content: start;
//     text-align: center;
//     div {
//       width: 20%;
//       height: 60px;
//       background: #eee;
//       line-height: 60px;
//       padding-left: 8px;
//     }
//   }
//   .con-content {
//     margin-top: 20px;
//     div {
//       width: 25%;
//     }
//   }
//   .con-foot {
//     p {
//       height: 60px;
//       line-height: 60px;
//     }
//     display: flex;
//     text-align: center;
//     > div {
//       display: flex;
//     }
//     img {
//       width: 40px;
//       height: 40px;
//       margin-top: 10px;
//       margin-left: 50px;
//     }
//     li {
//       width: 90px;
//       height: 30px;
//       line-height: 30px;
//       list-style: none;
//     }
//     div {
//       background: #fff;
//       border-right: 1px solid #eee;
//       border-bottom: 1px solid #eee;
//     }
//     .operation {
//       color: blue;
//       cursor: pointer;
//       text-align: center;
//       span {
//         padding-right: 25px;
//       }
//     }
//   }
// }
// </style>
// <style lang="less">
// .el-dialog__header {
//   border-bottom: 1px solid #e8eaec;
// }
// </style>